﻿<!DOCTYPE html> 
<html> 
	<head>
  <meta charset="UTF-8">	
	<title>Fcab Tour</title>
	
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="jquery.mobile.structure-1.1.1.css" />
	<link rel="stylesheet" href="jquery.mobile-1.1.1.css" />
	<script src="js/jquery-1.7.1.min.js"></script>
	<script src="js/jquery.mobile-1.1.1.min.js"></script>
	
	<link rel="stylesheet" href="css/blueberry.css" />
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
	<script src="js/jquery.blueberry.js"></script>
	<script>
		$(window).load(function() {
		$('.blueberry').blueberry({ pager: true, lineheight: 1, arrows: false});
		});
	</script>
	
</head> 

<body> 
<div data-role="page" id="home" data-theme="c">

	<div data-role="content">
	
    <div>
	<ul data-role="listview" data-inset="true" >
	
        <li><a href="FcabApp://startMetaioGpsRecofnition"  data-transition="slide">
            <div style="padding:0 10px 0 0;text-align:center; float:left;">
                <img src="logofacab.gif" style="max-width:80px;max-height:80px;"/>
            </div>
           <div style="padding:20px  10px 0 0;text-align:left;">
                <h3>FERROCARRIL ANTOFAGASTA BOLIVIA - TOUR VIRTUAL</h3>
            </div>
        </a></li>
    </div>
<P> &nbsp; <P> &nbsp; <P>

	<div class="blueberry" style="padding:0 250px 0 250px;text-align:center; float:center;">
      <ul class="slides">
        <li><img src="slide-1.jpg" /></li>
        <li><img src="slide-2.jpg" /></li>
        <li><img src="slide-3.jpg" /></li>
        <li><img src="slide-4.jpg" /></li>
      </ul>
       
</div><!-- /page -->
</body>
</html>
